<template>
  <div id="helpArticle" style="background: #fff;" :style="{minHeight: $store.state.bodyHeiht}">
    <div v-html="articleData.content" class="article">
    </div>
  </div>
</template>
<script>
  import {Cell} from 'vux'
  import PubHeader from '../components/PubHeader.vue'
  export default{
    name: 'helpArticle',
    created() {
      this.$http.get('../../static/article/help'+this.$route.query.id+'.json').then((res) => {
        this.articleData = res.data
        this.title = res.data.title
      })
    },
    components: {
      PubHeader,
      Cell
    },
    data() {
      return {
        title: '',
        articleData: []
      }
    }
  }
</script>
<style scope>
.article{
  padding: 0.3rem 0.2rem;
}
.article p{
  line-height: 0.5rem;
  font-size: 0.3rem;
  margin-bottom: 0.15rem;
}
</style>
